<template>
	<div id="container">
		<!-- set-header -->
		<header>
			<van-nav-bar
			  title="设置"
			  left-text="返回"			  
			  left-arrow
			  @click-left="onClickLeft"
			/>
		</header>
		<!-- set-content -->
		<div id="content">
			<!-- set-content-section1 -->
			<div class="set-section1">
				<div class="set-sec">
					<van-cell title="微信有礼" /> 
					<van-icon name="arrow" slot="right" />
				</div>
				<div class="set-sec">
					<van-cell title="清除缓存" /> 
					<van-icon name="arrow" slot="right" />
				</div>				  
			</div>
			<!-- set-content-section1 -->
			<div class="set-section2">
				<div class="set-sec">
				  <van-cell title="企业官网" /> 
				  <van-icon name="arrow" slot="right" />
				</div>
				<div class="set-sec">
				  <van-cell title="我要给好评" />
				  <van-icon name="arrow" slot="right" />
				</div>				
				<div class="set-sec">
				  <van-cell title="关于我们" /> 
				  <van-icon name="arrow" slot="right" />
				</div>
			</div>
		</div>
		
		
	</div>
</template>

<script>
	export default{
		name:"Setting",
		methods:{
			onClickLeft() {
			  this.$toast('返回');
			  this.$router.go(-1);
			}
		}
	}
</script>

<style scoped>
#container{
	background: #f3f3f3;
	height: 100vh;
}
/*------------------------setting-header-------------- */
header .van-nav-bar{
	margin-bottom:12px;
	height: 48px;
}	
header .van-nav-bar__arrow,.van-nav-bar__text{
	color: #000000;
	font-size: 20px;
}
header .van-nav-bar__text{
	font-weight: 600;
	font-family: "楷体";
}
header .van-nav-bar__title{
	font-weight: 600;
	font-family: "楷体";
	font-size: 22px;
}
/* ------------------------set-section--------------- */
.set-section1{
	margin-bottom: 12px;
}
.van-cell__title{
	font-size:18px;
	font-weight: 600;
	font-family:"楷体" ;
	color: #000000;
}
.set-sec{
	height: 51px;
	position: relative;
}
.set-sec .van-cell{
	height: 100%;
}
/* 箭头 */
.set-sec .van-icon-arrow{
	font-size:18px;
	position: absolute;
	top: 20px;
	right: 17px;
	color: #b8b8b8;
}
</style>
